// class组件必须引入React组件
import React from 'react'
// 引入note里面的其中一个组件并将其实例化
import SubAll from './components/note/1组件使用'
import SubAll2 from './components/note/2遍历输出'
import SubAll3 from './components/note/3生命周期'
import SubAll4 from './components/note/4绑定事件'
import SubAll5 from './components/note/5组件之间的传值'
import From from './components/note/6表单的提交'
import SubAll7 from './components/note/7上下文的使用'
import UseState from './components/note/8usestate的使用'
import UseReducer from './components/note/9useReducer的使用'
import UseRef from './components/note/10useRef'
import UseMemo from './components/note/11useMemo的使用'
// 引入css文件
import './static/note/app.css'
// 继承React组件
class App extends React.Component {
	// render()相当于视图
	render() {
		return (
			<>
				<div className="nav">
					<h1>爷爷</h1>
					{/* 所有html的内容都在这里输出 */}
					<UseMemo />
					<UseRef />
					<UseReducer />
					<UseState />
					<SubAll7 />
					<From />
					<SubAll5 />
					<SubAll4 />
					<SubAll3 />
					<SubAll2 />
					<SubAll />
				</div>
			</>
		)
	}
}
export default App
